iT邦幫忙

2023 iThome 鐵人賽

DAY 8
0

前言

這一段的修改,原本在 odoo 14 是無法自定樣式的,所以才透過以下的改動來客製化,使用 odoo 16 的話,目前已經有支援備註區域可以用基本的編輯器來調整樣式囉!

Untitled

報價單備註斜體樣式調整

修改目的

在編輯報價單時,我們需要考慮文字排版的視覺效果,特別是當報價單包含中英文時。以前的設計在中文備註中使用斜體字樣式,但這可能會對閱讀造成一定困擾,因為中文斜體字可能讓文字不易辨認。因此決定調整報價單的備註部分,以改進整體閱讀體驗。

這些調整的主要目的是改進報價單的整體視覺效果,增強其可讀性,同時突顯報價單的專業性和清晰性。這樣的調整確保報價單在傳達信息時更具吸引力,並使讀者更容易理解和識別重要內容。這一修改專注於提供更好的閱讀體驗,讓報價單的使用更加順暢和有效。

修改方式

為了改進報價單的可讀性,我們採取以下方式來調整備註斜體樣式:

  1. 字體大小調整:將備註部分的字體大小調整為比主要內容稍小的一號或兩號。這樣做可以使主要內容更加突出,同時確保備註部分依然清晰可讀。
  2. 字重調整:降低了備註部分的字體重量,使其略微輕盈。這樣可以區分主要內容和備註,強調主要內容的重要性。
  3. 顏色微調:微調了備註部分的字體顏色,使其略微淡化。這樣可以讓主要內容更加醒目,同時確保備註信息在需要時仍然清晰可見。

修改位置

報告 QWeb 位置於 報告 > 報價單/訂單 > 視圖 > report_saleorder_document

約第 86 行位置

'font-italic o_line_note' 修改為 'bg-100 o_line_note'

針對字型本身調整,約 114 行,span

<t t-if="line.display_type == 'line_note'">
    <td name="td_note_line" colspan="99">
        <span t-field="line.name"  style="font-size:14px; color:black; font-weight:200;"/>
    </td>
</t>

上一篇
Day 06 【Sales 報價單】客製化報價章
下一篇
Day 08 【Sales 報價單】客製化報價條款 QR CODE
系列文
30 天客製 Odoo 成為你企業的形狀自己啃出來的血淚史不私藏大分享31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言